@charset "utf-8";
/* AB模板网 整站模板下载 */
/* 模板：Www.AdminBuy.Cn */
/* 仿站：Fang.AdminBuy.Cn */
/* 素材：Sc.AdminBuy.Cn */
/* js特效：js.AdminBuy.Cn */
/* QQ：9490489 */

*{
	box-sizing: border-box;
	-webkit-tap-highlight-color:transparent;
}
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu
	{
		margin:0;
		padding: 0;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
html, body 
	{
        font-family:"Microsoft Yahei",Tahoma, Helvetica, Arial, sans-serif;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        font-size: 20px;
    }
a,a:hover,a:focus,a:visited
{
	text-decoration: none;
	outline:none !important;
	outline:0;
}
ul,ul li,ol,li 
	{
		list-style: none outside none;
	}
input[type="submit"], input[type="reset"], input[type="button"], input
	{
    	resize: none;
    	border: none;
    }
textarea
	{
		resize: none;
	}
a
	{
	text-decoration: none;
	}
img 
	{
		vertical-align: middle;border: none;width: 100%;
	}
i 
	{
		font: inherit;
    }
/*单行溢出*/
.one-txt-cut{
    overflow: hidden;
	white-space: nowrap;
    text-overflow: ellipsis;
}
/*多行溢出 手机端使用*/
.txt-cut{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
#delbox{
    margin-right:0;
}
.flex{
  display:box;
  display:-webkit-box;
  display:-webkit-flex; 
  display:-moz-box; 
  display:-ms-flexbox; 
  display:flex;
}
.flex-j{
    -webkit-justify-content:space-between;
    -moz-justify-content:space-between;
    -ms-justify-content:space-between;
    -o-justify-content:space-between;
    justify-content:space-between;
}
.flex-w{
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap:wrap;
}
.flex-s{
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
  }
.flex-c{
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
  }
.align-center{
  -webkit-align-items:center;
  -moz-align-items:center;
  -ms-align-items:center;
  -o-align-items:center;
  align-items:center;
}
.flex-cm{
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  }
.trs{
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.content
	{
	width: 100%;
	max-width: 1200px;
	margin: auto;
	
	}
.ani-delay{
    animation-delay: .4s;
}
/* 顶部 */
.top{
    background-color: #ebebeb;
}
.topbox{
    line-height: 1.75rem;
}
.top-wel p{
    font-size: .6rem;
    color: #808080;
}
.top-wel p a{
    color: #36d0c4;
    font-weight: bold;
}
.top-r a,.top-lx{
    font-size: .6rem;
    color: #808080;
    margin-left: .75rem;
}
.top-r a .iconfont,.top-lx .iconfont{
    font-size: .55rem;
}
.top-r a p,.top-lx p{
    margin-left: .25rem;
}
.top-lx{
    position: relative;
}
.top-ewm{
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 110%;
    left: 50%;
    width: 6rem;
    height: 6rem;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    box-shadow:0 0 .5rem rgba(0, 0, 0, .05);
    background-color: #fff;
    z-index: 600;
}
.top-ewm img{
    -webkit-transform: scale(.85);
    -moz-transform: scale(.85);
    -ms-transform: scale(.85);
    -o-transform: scale(.85);
    transform: scale(.85);
}
.top-wel p a:hover{
    color: #fb7f7f;
    text-decoration: underline;
}
.top a:hover,.top-lx:hover{
    color: #36d0c4;
}
.top .top-lx:hover .top-ewm{
    visibility: visible;
    opacity: 1;
}
/* 头部 */
.header{
    width: 100%;
    background: #fff;
}
.headerbox{
    height: 5rem;
}
.header-l{
    width: 50%;
}
.header-l .logo{
    width: 40%;
}
.header-font{
    padding-left: 1.25rem;
    margin: 1.25rem;
    border-left: 1px solid #ebebeb;
}
.header-font h1{
    color: #444;
    font-size: 1rem;
}
.header-font p{
    padding-top: .25rem;
    color: #999;
    font-size: .8rem;
}
.header-r .iconfont{
    font-size: 2.3rem;
    color: #fb7f7f;
}
.header-r .telbox p{
    font-size: .6rem;
    color: #808080;
    margin-left: .75rem;
}
.header-r .telbox h1{
    font-size: 1.3rem;
    color: #fb7f7f;
    margin-left: .75rem;
}
/* 导航 */
.nav{
    background-color: #36d0c4;
    width: 100%;
}
.nav .nav1li{
    flex: 1;
    margin:0 1px;
    position: relative;
}
.nav .nav1li .nav1a {
    font-size: .8rem;
    color: #fff;
    text-align: center;
    font-weight: bold;
    display: block;
    line-height: 2.5rem;
}
.nav .nav1li.active{
    background-color: #ccfefa;
}
.nav .nav1li.active .nav1a{
    color: #36d0c4;
}
.nav .nav1li:hover{
    background-color: #ccfefa;
}

.nav .nav1li:hover .nav1a{
    color: #36d0c4;
}

.nav .nav2ul{
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 50%;
    width: 100%;
    background-color: white;
    z-index: 2;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    box-shadow: 0 15px 30px rgba(0, 0, 0, .05);
}
.nav .nav2li{
    padding: 0 1rem;
}
.nav .nav2li a{
    font-size: .7rem;
    color: #444;
    text-align: center;
    display: block;
    padding: .5rem 0;
}
.nav ul>li:hover .nav2ul{
    visibility: visible;
    opacity: 1;
}
.nav .nav2li:hover{
    background-color: #36d0c4;
}
.nav .nav2li:hover a{
    color: #fff;
}
.nav.on{
    top: 0;
    position: fixed;
    left: 0;
    z-index: 500;
}
/* 搜索框 */
.search,.bread{
    background-color: #fff;
    line-height: 3.5rem;
    box-shadow:0 5px 20px rgba(0, 0, 0, .05);
}
.search .hot-s span,.search a{
    font-size: .8rem;
}
.search .hot-s span{
    color: #808080;
    margin-right:1rem;
    font-weight: bold;
}
.search .hot-s a{
    color: #444;
    padding: 0 .25rem;
}
.search .hot-s a:hover{
    color: #36d0c4;
    text-decoration: underline;
}
.search-b .inp{
    color: #444;
    font-size: .7rem;
    /* border: 1px solid #cccccc; */
    padding-left: .75rem;
    line-height: 1.75rem;
    width: 15rem;
    background-color: #f0f7f7;
}
.search-b .but{
    padding: 0 1.75rem;
    background: #36d0c4 url(../images/fdj.png) center center no-repeat;
    cursor: pointer;
    line-height: 1.75rem;
    border: 1px solid #36d0c4;
    color: #fff;
    font-size: .8rem;
}
.search-b .but:hover{
    background-color: #28b3a7;
    border: 1px solid #28b3a7;
}
/* 友情链接 */
.link{
    background-color: white;
    line-height: 2.5rem;
    box-shadow: 0 -5px 20px rgba(0, 0, 0, .05);
}
.linkbox{
    background: url(../images/links.png) no-repeat;
    background-position: center left;
    background-image: 100% 100%;
}
.linkbox ul{
    padding-left: 12%;
}
.linkbox ul li a{
    color: #444;
    font-size: .7rem;
    padding: 0 .35rem;
}
.linkbox ul li a:hover{
    color: #36d0c4;
}
/* PC底部 */
.footer{
    background:#242424;
}
.f-t{
    padding: 3rem 0;
    -webkit-align-items:flex-start;
    -moz-align-items:flex-start;
    -ms-align-items:flex-start;
    -o-align-items:flex-start;
    align-items:flex-start;
}
.f-l{
    width: 45%;
}
.f-l>ul>li>a{
    font-size: .7rem;
    color: rgba(255, 255, 255, .8);
    padding-right: 1.5rem;
}
.f-nav2{
    font-size: .6rem;
    color: rgba(255, 255, 255, .6);
    line-height: 1.2rem;
}

.f-c{
    border-left: 1px solid rgba(255, 255, 255, .15);
    border-right: 1px solid rgba(255, 255, 255, .15);
    padding: 0 2rem;
    margin-left: 2rem;
    width: 30%;
}
.f-c h6{
    font-size: .7rem;
    color: rgba(255, 255, 255, .8);
    padding-bottom: 1rem;
}
.f-c p{
    font-size: .6rem;
    color: rgba(255, 255, 255, .6);
    line-height: 1.5rem;
}
.f-r{
    flex: 1;
}
.f-r .ewm{
    width: 4.5rem;
    height: 4.5rem;
    background-color: #fff;
    padding: .25rem;
    margin-left: 2rem;
}
.f-r .ewm p{
    font-size: .6rem;
    color: rgba(255, 255, 255, .6);
    text-align: center;
    padding-top: .5rem;
}
.f-b{
    border-top: 1px solid rgba(255, 255, 255, .15);
}
.f-b p{
    text-align: center;
    font-size: .6rem;
    padding: .5rem 0;
    color: rgba(255, 255, 255, .4);
}
.f-b p a{color:rgba(255, 255, 255, .4);}
.f-l>ul>li>a:hover{
    color: rgba(255, 255, 255, 1);
}
.f-nav2:hover{
    color: rgba(255, 255, 255, 1);
}

/* 分页 */
.pages{
    text-align: center;
    justify-content: center;
    padding-top: 50px;
}
.pages .iconjiantou{
    font-size: 1.5rem;
    color: #b2c6b2;
    display: block;
}
.pages a{
    margin: 0 .25vw;
}
#page{ overflow:hidden; font-size:12px;text-align:center; margin: 30px 0; clear: both;}
#page a { overflow:hidden; text-decoration: none; display:inline-block; margin:0 4px; height:32px; line-height:30px; background:#fff; border:1px solid #fff; text-align:center; color:#333; padding:0 12px;}
#page a.a1 {width:56px; padding:0; background:#f8f8f8;}
#page a:hover {background:#36d0c4; border-color:#36d0c4; color:#fff; text-decoration:none; }
#page span {display:inline-block;overflow:hidden; margin:0 4px; height:32px;padding:0 12px; font-size:12px;line-height:30px; background:#36d0c4; border:1px solid #36d0c4; color:#fff; text-align:center; }
#page a.page-num-current {display:inline-block;overflow:hidden; margin:0 4px; height:32px;padding:0 12px; font-size:12px;line-height:30px; background:#36d0c4; border:1px solid #36d0c4; color:#fff; text-align:center; }

#page a.next,#page a.prev {font-size: 1.1rem;color: #b2c6b2; background: none; border: 0 none; padding: 0 3px;}
#page a.prev{-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);}
#page a.next:hover,#page a.prev:hover{ color: #37453a}
.pages .page{
    width: 32px;
    height: 32px;
    /* border: 1px solid #e6e6e6; */
    background: #fff;
    line-height: 32px;
    color: #37453a;
    font-size: .875rem;
}
.pages a.active{
    background: #36d0c4;
    color: #fff;
}
.pages a.prev{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.pages .page:hover{
    background: #36d0c4;
    color: #fff;
}
.pages .iconjiantou:hover{
    color: #37453a;
}
/* 返回顶部 */
.go-top{
    position: fixed;
    right: 0;
    top: 70%;
    z-index: 500;
}
.go-top .item{
    width: 2rem;
    height: 2rem;
    background: #fb7f7f;
    margin-bottom: .1rem;
    box-shadow: 0 0 10px rgba(255, 255, 255, .05);
}
.go-top .dh,.go-top .ewm{
    position: relative;
}
.go-top .iconfont{
    color: #fff;
    font-size: 1.4rem;
    text-align: center;
    line-height: 2rem;
}
.go-top .dh-active{
    background: #fb7f7f;
    width: 6rem;
    height: 2rem;
    position: absolute;
    left: -6.5rem;
    top: 0;
    color: #fff;
    text-align: center;
    line-height: 2rem;
    opacity: 0;
    visibility: hidden;
}
.go-top .dh-active p{
    font-size: .75rem;
}
.go-top .code img{
    width: 85%;
    height: 85%;
    margin: auto;
    display: block;
    padding-top: .25rem;
}
.go-top .ewm-active{
    position: absolute;
    padding: .15rem;
    width: 6rem;
    height: 7.5rem;
    left: -6.5rem;
    top: 50%;
    opacity: 0;
    visibility: hidden;
    box-shadow:0 .5rem 1rem rgba(0, 0, 0, .15);
    background: #fff;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.go-top .ewm-active .wenzi{
    width: 100%;
    height: 2rem;
    text-align: center;
    line-height: 1rem;
    border-top: 1px solid rgba(0, 0, 0, .1);;
    padding-top: .25rem;
    margin-top: .25rem;
}
.go-top .wenzi p{
    font-size: .6rem;
    color: #fb7f7f;
}
.go-top .ewm-active::after{
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    width: 0;
    height: 0;
    border-width: 10px 12px 10px 10px;
    border-style: solid;
    border-color:  transparent transparent transparent #fff;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.go-top .item:hover{
    background: #ee5a5a
}
.go-top .item:hover .ewm-active,.go-top .item:hover .dh-active{
    opacity: 1;
    visibility: visible;
}
.go-top .backtotop{
    display: none;
}

/* 移动端导航 */
.mo-top{
    display: none;
    width: 100%;
    background: white;
    position: fixed;
    box-shadow: 0 5px 10px rgba(108, 128, 111, .1);
    z-index: 500;
    top: 0;
    left: 0;
    border-bottom: 1px solid rgba(54, 208, 196, .8);
}
.mo-top a{
    display: block;
    overflow: hidden;
    width: 25%;
    line-height: 60px;
}
.mo-top a img{
    max-width: 100%;
}
.mo-nav .s1,.mo-top .s2,.mo-top .s3{
    width: 22px;
    height: 2px;
    display: block;
    background-color:rgba(54, 208, 196, .4);
    position: relative;
    overflow: hidden;
}
.su::after{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #36d0c4;
    transform: translateX(-100%);
    transition: all 0.25s ease;
}
.mo-nav:hover .su::after{
    transform: translateX(0);
}
.s1::after{
    transition-delay: .2s;
}
.s2::after{
    transition-delay: .4s;
}
.s3::after{
    transition-delay: .6s;
}
.mo-nav .s2{
    margin-top: 6px;
}
.mo-nav .s3{
    margin-top: 6px;
}
.mo-nav.on .s1{
    -webkit-transform: matrix(1,0,0,1,0,8) rotate(45deg);
    transform: matrix(1,0,0,1,0,18),rotate(45deg);
}
.mo-nav.on .s2{
    opacity: 0;
}
.mo-nav.on .s3{
    -webkit-transform: matrix(1,0,0,1,0,-8) rotate(-45deg);
    transform: matrix(1,0,0,1,0,-18),rotate(-45deg);
}
/* 移动端导航下拉 */
.navdown{
    display: none;
    width: 100%;
    background: #fff;
    z-index: 500;
    position: fixed;
    top: 3rem;
    left: 0;
}
.navdown ul li{
    width: 100%;
    border-bottom: 1px dashed #eee;
}

.navdown ul li a{
    padding: 1rem;
    color: #444;
    width: 100%;
    display: block;
    font-size: .8rem;
}
.mask{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    z-index: 499;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
}
/* 移动端状态栏 */
.mo-footer{
    height: 3rem;
    width: 100%;
    background-color: #36d0c4;
    z-index: 100;
    position: fixed;
    bottom: 0;
    left: 0;
    box-shadow: 0 -5px 10px rgba(0, 0, 0, .05);
    display: none;
}
.mo-footerbox{
    height: 100%;
}
.mo-footer a{
    display: block;
    width: 25%;
    text-align: center;
    border-right: 1px solid rgba(255, 255, 255, .32);
}
.mo-footer a:last-child{border:0 none;}
.mo-footer p,.mo-footer .iconfont{
    color: #fff;
}
.mo-footer .iconfont{
    font-size: 1.25rem;
}
.mo-footer p{
    font-size: .7rem;
}
/* 移动端底部 */
.mo-copyright{
    background: #3b3b3b;
    width: 100%;
    text-align: center;
    line-height: 2.5rem;
    display: none;
    margin-bottom: 3rem;
}
.mo-copyright p{
    font-size: .6rem;
    color: rgba(255, 255, 255, .6);
}
/* 首页banner */
.swiper1{
    width: 100%;
    position: relative;
    --swiper-navigation-size: .9rem;
}
.swiper-img{
    height: 30rem;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.swiper1 .swiper-button-prev{
    left: 10%;
}
.swiper1 .swiper-button-next{
    right: 10%;
}
.swiper1 .iconfont{
    font-size: 2rem;
    color: rgba(255, 255, 255, .6);
    z-index: 100;
}
.swiper1 .iconfont:hover{
    color: #fff;
}
.swiper-button-prev:after,.swiper-button-next:after{
    content: ''!important;
}
.swiper-button-prev .iconjiantou{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.banner .swiper1 .swiper-pagination{
    position: absolute;
    left: 50%;
    bottom: 30px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.banner .swiper1 .swiper-pagination-bullet{
    width: 2.75rem;
    height:.2rem;
    background-color:rgba(255, 255,255, .8);
    margin: 0 .5rem !important;
    border-radius: 0;
}
.banner .swiper1 .swiper-pagination-bullet-active{
    background-color: #36d0c4;
}
/* 首页标题 */
.tit{
    text-align: center;
}
.tit h1{
    font-size: 1.8rem;
    color: #2c4544;
    position: relative;
    padding-bottom: .5rem;
}
.tit h2{
    font-size: .7rem;
    color: #999;
    text-transform: uppercase;
    font-weight: normal;
}
/* 首页了解更多 */
.morebox{
    text-align: center;
    margin-top: 3rem;
}
.more{
    display: inline-block;
    overflow: hidden;
    position: relative;
    z-index: 1;
    width: 8rem;
    line-height: 2rem;
    background-color: #fb7f7f;
}
.more p,.more .iconjiantou{
    color: #fff;
    line-height: 2rem;
    display: inline-block;
}
.more p{
    font-size: .8rem;
}
.more .iconjiantou{
    font-size: .7rem;
    padding-left: .25rem;
}
.more::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #ee5a5a;
    transform: scaleX(0);
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}
.more:hover::before {
    transform: scaleX(1);
}
.more:hover p,.more:hover .iconjiantou{
    color: #fff;
}

/* 我们的服务 */
.server{
    padding: 4rem 0;
}
.serv-cow{
    padding-top: 3rem;
}
.serv-cowbox{
    margin:0 -1rem;
}
.serv-row{
    padding: 1rem;
    width: 25%;
}
.serv-rowbox{
    background-color: white;
    display: block;
    border: 1px solid #e1eef0;
}
.serv-img{
    width: 268px;
    height: 202px;
    overflow: hidden;
}
.serv-font{
    padding:.75rem 1rem;
}
.serv-font h1{
    font-size: .8rem;
    color: #444;
    text-align: center;
    font-weight: normal;
}
.serv-rowbox:hover{
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
}
.serv-rowbox:hover .serv-img img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.serv-rowbox:hover .serv-font h1{
    color: #36d0c4;
}
/* 关于我们*/
.about{
    padding:4rem 0 6rem ;
    position: relative;
}
.about-bg{
    width: 100%;
    height: 480px;
    background-color:#f0f7f7;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.about-l{
    width: 42%;
}
.about-img{
    width: 444px;
    height: 444px;
    overflow: hidden;
}
.about-r{
    flex: 1;
}
.about-rbox{
    padding-right: 10%;
}
.about-r .tit{
    text-align: left;
}
.about-font{
    padding: 2rem 0;
}
.about-font p{
    font-size: .7rem;
    color: #808080;
    line-height: 1.7rem;
    -webkit-line-clamp: 5;
}
.about .morebox{
    text-align: left;
    margin: 0;
}
.about .morebox .more{
    text-align: center;
}
.about-img:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
/* 一对一专属服务 */
.about-serv{
    padding-bottom: 4rem;
}
.about-serv-l{
    flex: 1;
    padding-right: 10%;
}
.about-serv-l .tit{
    text-align: left;
}
.about-serv-img{
    width: 442px;
    height: 361px;
    overflow: hidden;
}
.about-serv-img:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
/* 案例展示 */
.case{
    padding: 4rem 0;
    background:url(../images/case-bg.jpg) no-repeat center;
    background-size: cover;
}
.c-cow{
    padding-top: 4rem;
}
.c-cowbox{
    margin: 0 -.75rem;
}
.c-row{
    padding: .75rem;
    width: 20%;
}
.c-rowbox{
    background-color: white;
    display: block;
    position: relative;
}
.c-img{
    width: 216px;
    height: 216px;
    overflow: hidden;
}
.c-font{
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(54, 208, 196, .2);
    padding: .5rem 1rem;
    width: 100%;
}
.c-font h1{
    font-size: .8rem;
    color: white;
    text-align: center;
    font-weight: normal;
}
.c-rowbox:hover .c-img img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.c-rowbox:hover .c-font{
    background-color: rgba(54, 208, 196, .9);
}
/* 核心团队 */
.team{
    padding: 4rem 0;
}
.t-cow{
    padding-top: 3rem;
}
.t-cowbox{
    margin: 0 -1rem;
}
.t-row{
    padding: 1rem;
    width: 25%;
}
.t-rowbox{
    display: block;
    border: 1px solid #e1eef0;
    background-color: white;
}
.t-img{
    width: 268px;
    height: 202px;
    overflow: hidden;
}
.t-font{
    padding: 1rem;
}
.t-font h1{
    font-size: .8rem;
    color: #444;
    padding-bottom: .5rem;
    font-weight: normal;
}
.t-font p{
    font-size: .7rem;
    color: #808080;
    -webkit-line-clamp: 2;
    line-height: 1.2rem;
}
.t-rowbox:hover{
    box-shadow:0 15px 30px rgba(0, 0, 0, .1);
    -webkit-transform: translateY(-1%);
    -moz-transform: translateY(-1%);
    -ms-transform: translateY(-1%);
    -o-transform: translateY(-1%);
    transform: translateY(-1%);
}
.t-rowbox:hover .t-img img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.t-rowbox:hover .t-font h1{
    color: #36d0c4;
}
/* 荣誉资质 */
.honor{
    padding: 4rem 0;
    background:url(../images/honor-bg.jpg) no-repeat center;
    background-size: cover;
}
.h-cow{
    padding-top: 4rem;
}
.h-cowbox{
    margin: 0 -1rem;
}
.h-row{
    padding: 1rem;
    width: 25%;
}
.h-rowbox{
    background-color: white;
    display: block;
}
.h-img{
    width: 268px;
    height: 202px;
    overflow: hidden;
}
.h-font{
    padding: .75rem 1rem;
    border-top: 1px solid #e1eef0;
}
.h-font h1{
    text-align: center;
    color: #444;
    font-size: .8rem;
    font-weight: normal;
}
.h-rowbox:hover .h-img img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.h-rowbox:hover .h-font h1{
    color: #36d0c4;
}

/* 新闻中心 */
.news{
    padding: 6rem 0;
}
.n-cow{
    padding-top: 3rem;
}
.n-cowbox{
    margin: 0 -1rem;
}
.n-row{
    padding: 1rem;
    width: 33.33%;
}
.n-rowbox{
    background-color: white;
    padding: 1rem;
    border: 1px solid #e1eef0;
}
.n-img{
    width: 333px;
    height: 222px;
    overflow: hidden;
}
.n-tit{
    padding: 1.5rem 0 .5rem;
}
.n-tit h1{
    font-size: 1rem;
    color: #444;
}
.n-tit a{
    display: block;
    padding: .35rem 1rem;
    color: white;
    background-color: #fb7f7f;
    text-transform: uppercase;
    font-size: .6rem;
}
.n-font a{
    font-size: .8rem;
    color: #808080;
    margin: .75rem 0;
    display: block;
}
.n-rowbox:hover{
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
}
.n-img:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.n-font a:hover{
    color: #36d0c4;
}
.n-tit a:hover{
    background-color: #ee5a5a;
}
/* 内页banner */
.banner-nybox{
    overflow: hidden;
}
.banner-nybox img{
    max-width: 100%;
    height: 12rem;
}
/* 内页面包屑 */
.bread-l span{
    font-weight: bold;
    color: #808080;
}
.bread-l span,.bread-l a,.bread-l p{
    font-size: .7rem;
}
.bread-l .iconfont{
    font-size: .6rem;
}
.bread-l a{
    color: #808080;
}
.bread-l .iconfont{
    color:#999;
}
.bread-l .iconfont{
    padding: 0 .35rem;
}
.bread-l p{
    color: #36d0c4;
}
.bread-l a:hover{
    color: #36d0c4;
}
/* 内页导航 */
.navbox-ny{
    padding-bottom: 2rem;
}
.navbox-ny ul li{
    width: 16.66%;
}
.navbox-ny ul li a{
    color: #808080;
    text-align: center;
    display: block;
    font-size: .9rem;
    background-color: #fff;
    line-height: 2.5rem;
    margin: .5rem .75rem;
}
.navbox-ny ul li a.active{
    background-color: #fb7f7f;
    color: #fff;
}
.navbox-ny ul li a:hover{
    background-color: #fb7f7f;
    color: #fff;
}
/* 内页列表 */
.ny-lb,.contact-ny{
    padding:3rem 0 4rem;
}
.ny-lb .serv-cow-ny,.ny-lb .c-cow-ny,.ny-lb .h-cow-ny,.ny-lb .t-cow-ny{
    padding: 0;
}
.nny-cowbox{
    margin: 0 -.75rem;
}
.nny-row{
    padding: .75rem;
    width: 100%;
}
.nny-rowbox{
    background-color: white;
    padding: 1rem;
}
.nny-time{
    background-color: #e1eef0;
    width: 5rem;
    height: 5rem;
    text-align: center;
    padding: .5rem;
}
.nny-time .day{
    font-size: 2rem;
    font-weight: bold;
    color: #28b3a7;
}
.nny-time .date{
    font-size: .7rem;
    color: #999;
}
.nny-font{
    padding: 0 2rem;
    flex: 1;
}
.nny-font h1{
    font-size: .8rem;
    color: #444;
    padding-bottom: .5rem;
}
.nny-font p{
    font-size: .7rem;
    color: #808080;
    line-height: 1.2rem;
    -webkit-line-clamp: 2;
}
.nny-more p{
    background-color: #fb7f7f;
    color: #fff;
    font-size: .6rem;
    text-transform: uppercase;
    padding: .25rem 1rem;
}
.nny-rowbox:hover{
    box-shadow: 0 15px 30px rgba(0, 0, 0, .05);
}
.nny-more:hover p{
    background-color: #ee5a5a;
}
/* 联系我们 */
.contact-nybox1{
    padding: 2rem;
    background-color: white;
}
.contact-nybox p{
    font-size: .7rem;
    color: #444;
    line-height: 1.5rem;
}
.map{
    height: 20rem;
}
#map{
    height: 100%;
}
.BMap_cpyCtrl {
    display: none;
}
.anchorBL {
    display: none;
}
#map img{
    width: auto;
}
/* 内页详情 */
.ny-xq{
    padding:3rem 0 4rem;
}
.xqbox{
    padding: 2rem;
    background-color: white;
}
.cqn-t{
    text-align: center;
}
.cqn-t h1{
    font-size: 1.2rem;
    color: #444;
    margin-bottom: 1rem;
}
.cqn-tb{
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #ebebeb;
}
.cqn-tb .time{
    margin-right: 1.5rem;
}
.cqn-tb .time p,.cqn-tb .clike p{
    font-size: .7rem;
    color: #808080;
}
.cqn-c{
    border-bottom: 1px solid #ebebeb;
    padding: 2rem 0;
    margin-bottom: 2rem;
    text-align: center;
}
.cqn-cimg img{
    width: auto;
}
.cqn-cimg p{
    font-size: .8rem;
    color: #444;
    line-height: 1.5rem;
    text-align: left;
}
/* 内页详情底部 */
.xq-blf .iconfont,.xq-blf p,.xq-br .iconfont,.xq-br p{
    font-size:.8rem;
    color: #808080;
    line-height: 1.2rem;
}

.xq-blf p span{
    color: #444;
}
.xq-blt{
    margin-bottom: .5rem;
}
.xq-blt .iconfont{
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.xq-blb .iconfont{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.xq-br p{
    color: #444;
    margin-left: .5rem;
}
.xq-blf:hover p span,.xq-br:hover p{
    color: #36d0c4;
}
@media screen and (max-width: 1440px){
    .about-bg{width: 90%;}
}
@media screen and (max-width: 1280px){
    .about-bg{width: 95%;}
}
@media screen and (max-width:1024px){
    .content{max-width: 95%;}
    .header-l{width: 50%;}
    .swiper-img{height: 25rem;}
    .serv-img,.t-img,.h-img{width: 211px;height:159px;}
    .about-l{width: 50%;}
    .c-img{width: 171px;height: 171px;}
    .n-img{width: 256px;height: 170px;}
    .top-ewm{width: 4rem;height: 4rem;}
    .navbox-ny ul li{width: 20%;}
    .f-l{display: none;}
    .f-c{margin-left: 0rem;border-left: none;}
}
@media screen and (max-width:768px){
    .header1,.go-top .dh, .go-top .ewm,.footer,.swiper-button-prev,.swiper-button-next,body .hot-s,.banner-ny,.top,.nav,.link,body .bread-l{display: none !important;}
    .mo-top,.mo-footer,.mo-copyright,body .m-nynav{display: block !important;}
    body .banner{padding-top: 3rem;}
    body .swiper-img{height: 20rem;}
    .search-b .inp{width: 33rem;}
    body .searchbox{padding: 1rem 0;}
    .server,.case,.team,.honor,.news{padding:3.5rem 0}
    .about{padding: 4rem 0;}
    .about-serv{padding-bottom: 3rem;}
    .serv-cow,.c-cow,.h-cow,.t-cow,.n-cow{padding-top: 1.5rem;}
    .morebox{margin-top: 1.5rem;}
    .more{width: 6rem;line-height: 1.5rem;}
    .more .iconjiantou{padding-left: 0;}
    .more p, .more .iconjiantou{line-height: 1.5rem;}
    .serv-cowbox,.t-cowbox,.n-cowbox,.h-cowbox,.c-cowbox{margin: 0 -.5rem;}
    .serv-row,.t-row,.n-row,.h-row,.c-row{padding: .5rem;}
    .serv-img, .t-img, .h-img{width: 165px;height: 125px;}
    .c-img{width: 130px;height: 130px;}
    .serv-font,.h-font,.c-font{padding: .4rem .75rem;}
    .t-font{padding: .5rem;}
    .t-font h1{padding-bottom: .25rem;}
    .n-img{width: 208px;height: 139px;}
    .n-tit{padding: 1rem 0 .25rem;}
    .n-font a{font-size: .7rem;}
    .n-rowbox{padding: .5rem;}
    .c-font h1{font-size: .7rem;}
    .t-font p{font-size: .6rem;line-height: 1rem;}
    .about-img{width: 344px;height: 344px;}
    .about-l{width: 52%;}
    .about-font p{line-height: 1.4rem;}
    .about-font{padding: 1rem 0;}
    .about-bg{height: 346px;}
    .about{padding: 2rem 0;}
    .about-serv-l{padding-right: 5%;}
    .about-serv-img{width: 342px;height: 245px;}
    .navbox-ny ul li{width: 25%;}
    .navbox-ny ul li a{font-size: .8rem;line-height: 2rem;margin:.5rem}
    .navbox-ny{padding-bottom: 1rem;}
    .pages{padding-top: 1rem;}
    .ny-lb, .contact-ny,.ny-xq{min-height: 44rem;}
    .c-row-ny,.h-row-ny,.t-row-ny{width: 33.33%;}
    .c-img-ny{width: 229.83px;height: 229.83px;}
    .h-img-ny,.t-img-ny{width: 229.83px;height: 169.54px;}
}
@media screen and (max-width:414px){
    .content{padding: 0 .75rem;max-width: 100%;}
    body .mo-top a{width: 45%;}
    body .swiper-img{height: 15rem;}
    body .banner .swiper1 .swiper-pagination-bullet{width: 1.75rem;height: .15rem;}
    body .banner .swiper1 .swiper-pagination{bottom: .5rem;}
    body .search-b .inp{width: 15rem;}
    body .searchbox{padding: 1rem .75rem;}
    .c-rowm,.nny-more{display: none;}
    .server, .case, .team, .honor, .news{padding: 2.5rem 0;}
    .serv-row, .t-row, .n-row, .h-row, .c-row{width: 50%;}
    .serv-img, .t-img, .h-img{width: 182px;height: 137px;}
    .serv-rowbox{box-shadow:0 15px 30px rgba(0, 0, 0, .05);border: none;}
    .aboutbox,.about-servbox,.c-cowbox,.t-cowbox,.h-cowbox,.n-cowbox,.cxq-b{-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap:wrap;}
    .about-l,.n-row,.xq-bl{width: 100%;}
    .about-bg{width: 100%;height: 790px;}
    .about-img{width: 384px;height: 384px;}
    .about-r{padding-top: 2rem;}
    .about-rbox{padding-right: 0;}
    .about-serv-l{width: 100%;flex: none;padding-right: 0;}
    .about-serv{padding-top: 2rem;}
    .about-serv-img{width: 384px;height: 275px;}
    .c-img{width: 182px;height: 182px;}
    .n-rowbox{padding: 1rem;}
    .n-img{width: 342px;height: 228px;}
    .n-font a{font-size: .8rem;}
    .navbox-ny ul li{width: 50%;}
    .nny-font{padding: 0 1rem;}
    .nny-cowbox{margin: 0 -.5rem;}
    .nny-row{padding: .5rem;}
    .nny-rowbox{padding: .75rem;}
    .contact-nybox1{padding: 1rem;}
    .xq-br{padding-top: .5rem;}
    .xqbox{padding: 1rem;}
    .cqn-c{padding: 1rem 0;}
    .cqn-cimg img{width: 100%;}
    .ny-lb, .contact-ny, .ny-xq{min-height: 34rem;}
}
@media screen and (max-width:375px){
    body .swiper-img{height: 12rem;}
    body .search-b .inp{width: 13.5rem;}
    .serv-img, .t-img, .h-img{width: 163px;height: 123px;}
    .c-img{width: 163px;height:163px;}
    .n-img{width: 303px;height: 202px;}
    .about-img{width: 345px;height: 345px;}
    .about-serv-img{width: 345px;height:247px;}
    .about-bg{height: 760px;}
    .ny-lb, .contact-ny{padding: 2rem 0;}
    .ny-xq{padding: 3rem 0;}
    .xqbox{padding: .75rem;}
    .cqn-c{margin-bottom: 1rem;}
    .nny-font{width: 75%;flex: none;}
    .nny-time{width: 4rem;height: 4rem;padding: .25rem;}
    .ny-lb, .contact-ny, .ny-xq{min-height: 33.5rem;}
    
}
@media screen and (max-width:320px){
    .server, .case, .team, .honor, .news{padding: 2rem 0;}
    .serv-cow, .c-cow, .h-cow, .t-cow, .n-cow{padding-top: 1rem;}
    .serv-cowbox, .t-cowbox, .n-cowbox, .h-cowbox, .c-cowbox{margin: 0 -.25rem;}
    .serv-row, .t-row, .n-row, .h-row, .c-row{padding: .25rem;}
    .serv-img, .t-img, .h-img{width: 140px;height: 106px;}
    .c-img{width: 140px;height: 140px;}
    .about-img{width: 290px;height: 290px;}
    .about-bg{height: 710px;}
    .about-serv-img{width: 290px;height: 207px;}
    .n-img{width: 248px;height: 165px;}
    body .search-b .inp{width: 11rem;}
    .navbox-ny ul li a{margin: .25rem;}
    .cqn-tb{-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap:wrap;}
    .cqn-tb .time{margin-right: 0;
    padding-bottom: .5rem;}
    .cqn-tb{-webkit-flex-direction: column;-moz-flex-direction: column;-o-flex-direction: column;flex-direction: column;}
    .ny-lb, .contact-ny, .ny-xq{min-height: 21rem;}
    .nny-rowbox{padding: .5rem;}
    .nny-font{width: 70%;padding: 0 .5rem;}
    .nny-time .day{font-size: 1.4rem;}
    .nny-time{padding: .5rem;}
}
#maximg img{ max-width:100%; height:auto !important}